 <!-- main content start-->
      <section id="main-content">
          <section class="wrapper">
          	<h3><i class="fa fa-angle-right"></i>  新闻列表</h3>
				<div class="row">
	                  <div class="col-md-12">
	                  	  <div class="content-panel">
	                  	  	  <hr>
                           <form action="" name="" method="post">
	                  	  	<div style="width:300px; margin-left: 48px"> 
	                  	  	      <div style="float: left;font-size:16px;line-height: 30px;">
	                  	  		  <span>全选</span>
								  <input type="checkbox" style="line-height: 30px" id="selectAll" name="selectAll">
								  <span>反选</span>
								  <input type="checkbox" style="line-height: 30px" id="unSelect">
								  </div>
	          	  	  			  <div class="col-sm-2 list" style="width: 120px;margin-bottom: 5px">
		                            <select class="form-control select_cate" name="datatable1_length">
		                            <option value="10">请选择</option>
		                              <option value="1">删除</option>
									  <option value="2">审核</option>
		                            </select>
		                          </div>
								  <input type="submit" name="" value="提交" style="line-height: 30px">
	                          </div>

		                      <table class="table">
		                          <thead>
		                          <tr>
		                              <th>
		                              </th>
		                              <th>ID</th>
		                              <th class="col-md-2">标题</th>
		                              <th>图片</th>
		                              <th>内容</th>
		                              <th>作者</th>
                                  <th>类型</th>
                                  <th>状态</th>
                                  <th>发布者</th>
                                  <th>发布时间</th>
                                  <th>操作</th>
		                          </tr>
		                          </thead>
		                          <tbody>
                              <?php foreach($data as $v){
                              ?>
		                          <tr>
		                              <td><input type="checkbox" value="<?php echo $v['id']?>" name="check[]" class="checkbox" style="margin-left: 45px;"></td>
		                              <td><?php echo $v['id']?></td>
		                              <td filed="title" class="db_edit"><?php echo $v['title']?></td>
		                              <td><img src="<?php echo empty($v['url'])?'98tt.png':$v['url']; ?>" width="50" height="50"></td>
		                              <td filed="content" class="db_edit" style="width: 200px"><?php echo mb_substr($v['content'],0,30,'utf-8').'......'; ?></td>
		                              <td><?php echo $v['author']?></td>
                                  <td filed="type" class="db_edit"><?php echo $v['type']?></td>
                                  <td><?php echo ($v['status'])?'通过':'未通过'?></td>
                                  <td filed="send_user" class="db_edit"><?php echo $v['send_user']?></td>
                                  <td><?php echo $v['creat_time']?></td>
                                  <td class="col-md-2">
                                  <a href="index.php?c=news&a=edit&admin=1&id=<?php echo $v['id']?>" class="btn btn-info">
                                    <i class="fa fa-pencil-square-o"></i>编辑</a>
                                  </a>
                                  <a href="index.php?c=news&a=del&admin=1&id=<?php echo $v['id']?>" class="btn btn-danger" onclick="return confirm('真的要删除吗？')">
                                    <i class="fa fa-trash-o"></i>删除</a>
                                  </a>
                                  </td>
		                          </tr>
                              <?php }?>
		                          </tbody>
		                      </table>
		                   </form>
	                  	  </div><! --/content-panel -->

						<!-- 翻页按钮开始 -->
						<?php
						 echo $pages;
			
						?>

	                  	  <!-- 翻页按钮结束 -->

	                  </div><!-- /col-md-12 -->
                  
				</div><!-- row -->



		</section><! --/wrapper -->
      </section><!-- /MAIN CONTENT -->

      <!--main content end-->

      <!-- <script src="resource/home/js/jquery-2.1.4.min.js"></script> -->

      </script>

      <script type="text/javascript">

			$(function(){
	      				
				//判定点击事件
				//阻止页面重新加载。使用return false来组织a标签页面跳转
				//调用ajax语法
				// $('.pagination li').click(function(){

				$('.pagination').on('click','li',function(){
					//获取a标签的href属性的值
					var url = $(this).find('a').attr('href');
					// console.log(url);return false;
					//1、
					$.ajax({

						type:'get',//发送的请求类型 get/post
						url:url,//请求的路径
						// data:{},//要提交到后台的数据
						dataType:'json', //将后台返回的数据转成js的json格式
						//async:true; //将ajax的异步传输修改成同步传输 默认情况下ajax是异步传输(true),但也支持同步传输(false)
						success:function(json){//回调函数专门获取程序那边返回的数据 数据统一存储在 json变量中

							// console.log(json[0].title);
							var html = '';
								var data = json.data;
							for(i in data){

								html+='<tr>';
								      html+='<td>'+'<input type="checkbox">'+'</td>';
		                              html+='<td>'+data[i].id+'</td>';
		                              html+='<td>'+data[i].title+'</td>';
		                              html+='<td>'+'<img src="<?php echo empty(data[i].url)?'+98tt.png+':data[i].url; ?>" width="50" height="50">'+'</td>';
		                              html+='<td>'+data[i].content+'</td>';
		                              html+='<td>'+data[i].author+'</td>';
	                                  html+='<td>'+data[i].name+'</td>';
	                                  var status = (data[i].id)?'通过':'未通过';
	                                  html+='<td>'+status+'</td>';
	                                  html+=' <td>'+data[i].send_user+'</td>';
	                                  html+='<td>'+data[i].creat_time+'</td>';
	                                  html+='<td class="col-md-2">';
	                                  html+='<a href="index.php?c=news&a=edit&admin=1&id='+data[i].id+'" class="btn btn-info">';
	                                    html+='<i class="fa fa-pencil-square-o"></i>编辑</a>';
	                                  
	                                  html+='<a href="index.php?c=news&a=del&admin=1&id='+data[i].id+'" class="btn btn-danger" onclick="return confirm(真的要删除吗？)">';
	                                    html+='<i class="fa fa-trash-o"></i>删除</a>';
	                                  
	                                  html+='</td>';
	                          html+='</tr>';

							}
							
							// console.log(html);
							$('tbody').html(html);
							$('.pagination').html(json.pages);//页面替换
						}
					})

					return false;
				})

				
			})

      </script>

      <!-- 双击变输入框 失去焦点保存编辑事件 -->
      <script type="text/javascript">
         
         $(function(){

           //双击编辑列表数据
				//抓取类名等于db_edit的所有td标签并绑定双击事件
				$('.db_edit').dblclick(function(event){

					//查找所有可编辑的td标签是否有input标签
					var len = $('tbody :text').length;
						if(len>0){
							var val = $('tbody :text').val();
							$('tbody :text').parent().text(val);
						}
					var txt = $(this).text();
					var inp = '<input type="text" value="'+txt+'"/>';
					//将要编辑的td内容替换成输入框的形式显示
					$(this).html(inp);
					//获得焦点事件
					$('tbody :text').focus();
					//绑定失去焦点事件
					$('tbody :text').blur(function(event){
					//当input标签失去焦点则获取失去标签的input标签val值
					

					     //抓取要修改的数据id
						var id = $(this).parent().parent().find('td:nth-child(2)').text();

					    //获取要修改的字段名
						var filed = $(this).parent().attr('filed');
						var val = $(this).val();

						//找到失去焦点input标签的父级，然后用编辑过的新数据替换掉父级(td)的文本内容，让显示效果恢复成原来的状态
						$(this).parent().text(val);

						$.ajax({
							type:'post',
							url:'index.php?c=news&a=edit&admin=1',
							data:{
								'id':id,//修改的数据id
								'val':val,//修改的字段的值
								'filed':filed,//修改的字段名
							},

							success:function(row){

								if(row>0){

									alert('修改成功');
								}else{

									alert('修改失败');
								}

							}
						})
					});
				});

				//以下功能为实现：点击全选按钮时自动勾选完所有列表;点反选自动清除已选
				//全选开始
				$('#selectAll').click(function(){

                    if(this.checked){
						$('input[name="check[]"]').attr('checked', $(this).attr('checked'));

                    }else{

                    	$('input[name="check[]"]').removeAttr("checked");失效
                    }
					
				});
				//全选结束
				
				//全不选开始
               $("#unSelect").click(function () {

               	    if(this.checked){
               	    	if($('#selectAll').attr('checked')=='checked'){
							$('input[name="check[]"]').removeAttr("checked");
							$('input[name="selectAll"]').removeAttr("checked");
               	    	}else{
								$('input[name="check[]"]').attr('checked', $(this).attr('checked'));
							}
                    }else{

	                    	$('input[name="check[]"]').removeAttr("checked");失效
	                    }

		       });
		       //全不选结束
         })
 
      </script>